/* 
    Document   : agenda
    Created on : Apr 14, 2008, 10:40:35 PM
    Author     : Tom Hayden
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

.agendaTopo {
    width: 778px;
    background: url('../img/agendaTopo.gif') no-repeat;
    background-color: #F8F8F8;
    height: 16px;
}

.agendaConteudo {
    width: 778px;
    background-repeat: repeat-y;
    background-image: url('../img/espiral.jpg');
    background-color: #F8F8F8;
}

.agendaEsquerda {
    width: 345px;
    padding: 0 1em 0 1em;
    float: left;
}

.agendaDireita {
    width: 360px;
    padding: 0 1em 0 2em;
    float: right;
}

.agendaRodape {
    width: 778px;
    background: url('../img/agendaRodape.gif') no-repeat;
    height: 22px;
    clear: both;
}

.dataEsquerda {
    width: 50px;
    float: left;
    font-size: 2em;
    font-weight: bold;
}

.dataDireita {
    width: 80px;
    float: right;
    text-align: right;
}

.linhaHorizontal {
    clear: both;
    border-top: solid 1px;
}

.larguraExpandida {
    width: 100%;
}

.clearBoth {
    clear: both;
}

.dataAgendamento {
    float: left;
    width: 85px;
}

.horaAgendamento {
    float: left;
    width: 65px;
}

.tipoAtendimento {
    float: right;
    width: 204px;
}

.campoSelecao {
    width: 92%;
}

.botaoSelecao {
    height: 20px;
}

.text {
    width: 98%;
}

.observacao {
    height: 80px;
    width: 98%;
}